﻿<%@ Page Language="C#" AutoEventWireup="True" CodeBehind="SetIcon.aspx.cs" Inherits="mydddd.sysModule.SetIcon" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        .l{ width: auto;height: auto}
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <f:PageManager ID="PageManager1" runat="server" />

        <div align="center">
            <f:Button runat="server" ID="btn" Text="不使用图标" OnClick="btn_OnClick"></f:Button>
            <br>
            <asp:DataList runat="server" ID="dlist" RepeatColumns="25" RepeatDirection="Horizontal" CellSpacing="10">

                <ItemTemplate>
                     <%--<asp:ImageButton runat="server" ID="imgbtn" ImageUrl='<%#"../../res/icon/"+Eval("Name")%>' OnCommand="imgbtn_OnCommand" CommandArgument='<%#Eval("Name") %>'  Width="16" Height="16" />--%>
                    <asp:LinkButton runat="server" ID="imgbtn" OnCommand="imgbtn_OnCommand" CommandArgument='<%#Eval("Name") %>'>
                        <img class="l" data-original='<%#"../../res/icon/" + Eval("Name") %>' />
                    </asp:LinkButton>
                </ItemTemplate>
            </asp:DataList>
        </div>
    </form>
</body>
</html>
<script src="../../res/js/jquery.min.js"></script>
<script src="../../res/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" charset="utf-8">
    $(function () {
        $("img.l").lazyload({ effect: "fadeIn" });
    });
</script>
